{extends file="../home.html"}
{block name="title"}{$head_title}{/block}
{block name="css"}
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/front/front_css/detail_page.css?version={$version}"/>
	<style type="text/css">
		body{
			padding-bottom:3rem;
		}
		.swiper-container {
	        width: 100%;
	        height: 100%;
	    }
	    .swiper-container-horizontal>.swiper-pagination{
	    	bottom:1rem;
	    }
	    .swiper-pagination-bullet{
	    	width:0.4rem;
	    	height:0.4rem;
	    	margin:0 0.5rem;
	    	border:0.1rem solid #fff;
	    	background:rgba(255,255,255,0.1);
	    }
	    .swiper-pagination-bullet-active{
	    	background:#fff;
	    	opacity:1;
	    }
	    /*--空间设施---*/
	   .sheshi-wrap a,.sheshi-wrap .sheshi_link{
	   		width:19%;
	   		display:block;
	   }
	   .sheshi-wrap a dl,.sheshi-wrap .sheshi_link dl{
	   		width:100%;
	   		height:100%;
	   }
	   .party ul p a{
	   	color:#666;
	   }
	</style>
{/block}
{block name="content"}
	<div class="park_detail_banner">
		<div class="swiper-container">
		    <div class="swiper-wrapper">
		       {foreach from=$pic_arr item = pic}
		        <div class="swiper-slide">
		        	<a href="javascript:;">
		        		<img src="{$pic}"/>
		        	</a>
		        </div>
				{/foreach}
		    </div>
		    <!--分页器 -->
		    <div class="swiper-pagination"></div>
		</div>
		{include file="../detail_header.html"}
	</div>
	<!--互联网金融大厦-->
	<div class="party internet">
		<div class="clearfix title">
			<h1 class="fl">{$site_info.site_name}</h1>
			<p class="fr per-hour">
				<span>{$site_info.price}元</span>&nbsp;/小时
			</p>
		</div>
		<ul>
			<li class="clearfix mg-top0 address-li">
				<span class="fl">地址</span>
				<p class="fl"><a href="/FrontIncubator/map/incubator_id/{$incubator_id}">{$site_info.address}</a></p>
				<a href="/FrontIncubator/map/incubator_id/{$incubator_id}" class="fl loact-icon"></a>
			</li>
			<li class="clearfix">
				<span class="fl">场地类型</span>
				<p class="fl">办公类型</p>
			</li>
			<li class="clearfix">
				<span class="fl">容纳人数</span>
				<p class="fl">{$site_info.people}人</p>
			</li>
			<li class="clearfix">
				<span class="fl">开放时间</span>
				<p class="fl">{'H:i'|date:$site_info.start_hour}-{'H:i'|date:$site_info.end_hour}</p>
			</li>
			<li class="clearfix phone-li">
				<span class="fl">联系方式</span>
				<span class="link-person fl">{$site_info.user_name}</span>
				<a href="tel:{$site_info.mobile}" class="fl" style="color:#2485e8;">
					{$site_info.mobile}
				</a>
				<a href="tel:{$site_info.mobile}" class="fl phone-icon"></a>
				
			</li>
		</ul>
		<a href="javascript:void(0)" class="word-intro">
			<p>
				{$site_info.site_sketch}
			</p>
		</a>
		<div class="shrink-btn">
			<span>展开场地简介</span>
			&nbsp;
			<i class="icon icon_zhankai_default3x"></i>
		</div>
		<div class="spread-btn" style="display:none;">
			<span>收缩场地简介</span>
			&nbsp;
			<i class="icon icon_shousuo_default3x"></i>
		</div>
	</div>
	<!--配套设施-->
	{if $site_facility_list}
	<div class="space">
		<h2>配套设施</h2>
		<div class="clearfix sheshi-wrap">
			{foreach from= $site_facility_list item = facility }
			<div class="fl sheshi_link">
				<dl style="margin:0;">
					<dt>
						<img src="{$facility.site_deploy_pic}"/>
					</dt>
					<dd>{$facility.site_deploy_name}</dd>
				</dl>
			</div>
			{/foreach}
		</div>
	</div>
	{/if}
	<!--支持活动-->
	{if $site_activity_list}
	<div class="space">
		<h2>支持活动</h2>
		<div class="clearfix sheshi-wrap">
			{foreach from= $site_activity_list item = activity }
			<div class="fl sheshi_link">
				<dl style="margin:0;">
					<dt>
						<img src="{$activity.site_deploy_pic}"/>
					</dt>
					<dd>{$activity.site_deploy_name}</dd>
				</dl>
			</div>
			{/foreach}
		</div>
	</div>
	{/if}
	<a href="javascript:;" onclick="check_user('/FrontSite/site_order/site_id/{$site_info.site_id}')" class="submit_btn">在线预约</a>
	<!--<a href="/FrontSite/site_order/site_id/{$site_info.site_id}" class="submit_btn">在线预约</a>-->
{/block}
{block name="js"}

<script type="text/javascript" src="__PUBLIC__/Js/front/swiper.3.1.2.jquery.min.js"></script>
	<script type="text/javascript">
	//分享的参数
	var share_pic = '{$pic_arr[0]}';
	var share_title = '{$site_info.site_name}';
	var desc_str = '{$site_info.site_sketch}';
	var share_desc = desc_str.substr(0,30);
	var share_url = document.location.href;
	{literal}
		//顶部轮播图
	var parkSwiper = new Swiper(".swiper-container",{
		pagination : '.swiper-pagination',
		paginationClickable :true,
		autoplayDisableOnInteraction : false,
		loop : true,
		autoplay : 3000
	});
	//园区简介展开与收缩
	var rem = $(window).width()/375*20;
	var hei = $(".word-intro p").innerHeight()/rem;
	if(hei>3){
		$(".word-intro p").addClass("shrink-state");
		$(".shrink-btn").show();
	}else{
		$(".shrink-btn").hide();
	}
	$(".spread-btn").on("click",function(){
		$(this).siblings("a").children("p").toggleClass("shrink-state");
		$(this).hide().siblings(".shrink-btn").show();
		
	});
	$(".shrink-btn").on("click",function(){
		$(this).siblings("a").children("p").toggleClass("shrink-state");
		$(this).hide().siblings(".spread-btn").show();
	});
	</script>
{/literal}
{/block}